// common brief view
.brief-view-content {
  padding: $brief-view-padding $brief-view-padding;

  .brief-view-type-xs & {
    width: $view-xs-width - $brief-view-padding;
    height: $view-xs-height - $brief-view-padding;
  }

  .brief-view-type-sm & {
    width: $view-sm-width - $brief-view-padding;
    height: $view-sm-height - $brief-view-padding;
  }

  .brief-view-title {
    font-family: zzgflh, "微软雅黑", serif;
    font-size: $font-size-base * 4;
    background-image: -webkit-linear-gradient(#00ffff, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    position: absolute;
  }
}